/* 普通注释  会保留到编译后的文件 */
// 静默注释  只保留在SASS源文件中，编译后被省略。

// SASS允许使用变量，所有变量以$开头。  => 存储数据

// @use "sass:math"; //使用sass中的math模块

$hot:#e1251b;
$cool:#CCFFFF;
$warm:#FFCCCC;
$grey:#999999;
$success:#33CC99;
$dange:red;

$typeArea:1226px;

$typeOne: 14px/16px "微软雅黑";
$typeTwo: 14px/16px "宋体";

$side:left;

// @function pxToRem($val){
//     @return #{math.div($val,100px)}rem;
// }



.w {
    width: $typeArea;
    margin: 0 auto;
}

.body {
    font: $typeOne;
}


// sass中的运算符规则
// 加法运算:  数值相加 单位保留
// 减法运算:  数值相减 单位保留
// 乘法运算:  数值相乘 单位保留(px*px)    => 建议一个有单位 一个没有单位
// 除法运算:  一个有单位 一个没有单位 => 数值运算 单位保留
//           两个有相同的单位    => 数值运算 单位舍去

